<template>
  <div id="app">
    <router-view/>
    <!-- 在一些路径下，不需要有AppTabbar组件，例如：详情页就不需要有， searchpopup页面也不需要有 -->
    <AppTabbar v-if="$route.meta.isShowTabbar"/>
  </div>
</template>

<script>
import AppTabbar from "@/components/AppTabbar"
export default {
  components:{
    AppTabbar
  }
}
</script>

<style lang="less">
#app {
  // font-family: Avenir, Helvetica, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  background-color: #efefef;
  min-height:100%;
  font-size:.14rem;
}
html,body{
  height:100%;
}
// 移动端单位  rem   em   
html{ font-size:100px!important; }   // 1个rem 就是100px
// 问题： 如果此时要对字体设置16px， 应该写成多少rem？   答： font-size:0.16rem;
// ???rem = 16px
// ??? = 16px/rem = 16px/100px = 0.16
// p{
//   width:1rem;
//   height:1rem;
//   background-color: pink;
// }
</style>
